<?php include APPLICATION_PATH . '/modules/default/layouts/scripts/content-outer-start.phtml'; ?>
<table border="0" width="100%" cellpadding="0" cellspacing="0">
    <tbody>
        <tr valign="top">
            <td>
                <!--  start step-holder -->
                <div id="step-holder">
                    <div class="step-no"></div>
                    <div class="step-dark-left"><a href="">Information Details</a></div>
                    <div class="step-dark-right">&nbsp;</div>
                </div>
                <!--  end step-holder -->

                <!-- start id-form -->
                <form id="form-main" action="<?php echo $this->baseUrl ?>/index/register" method="post">
                    <table border="0" cellpadding="0" cellspacing="0" id="id-form">
                        <tbody>
                            <tr>
                                <th valign="top">Username:</th>
                                <td><input type="text" name="username" class="inp-form validate notnull limitlength notspecialchar username" placeholder="Your username" minlength="6" maxlength="40"></td>
                                <td>

                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Password:</th>
                                <td><input type="password" name="password" class="inp-form validate notnull limitlength" minlength="6" maxlength="32" placeholder="Enter password"></td>
                            </tr>
                            <tr>
                                <th valign="top">Display Name:</th>
                                <td><input type="text" name="displayName" class="inp-form" placeholder="Your display name" maxlength="40"></td>
                                <td>

                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Full name:</th>
                                <td><input type="text" name="fullname" placeholder="Your name" class="inp-form validate notnull limitlength notspecialchar nothasnumber" placeholder="Your username" minlength="3" maxlength="40"></td>
                                <td>

                                </td>
                            </tr>
                            <tr>
                                <th valign="top"></th>
                                <td>
                                    <div class="bubble-left"></div>
                                    <div class="bubble-inner">Full name required 3-40 characters, no number, no special character</div>
                                    <div class="bubble-right"></div>
                                </td>
                                <td>

                                </td>
                            </tr>
                            <tr>
                                <th valign="top">City:</th>
                                <td>
                                <select id="city" name="city" class="select_css" style="background-color: #FFFFFF; width:199px;">
                                    <?php
                                    $city = $this->city;
                                    if ($city) {
                                        foreach ($city as $key=>$val) {
                                            echo '<option value="' . $key . '">' . $val . '</option>';
                                        }
                                    }
                                    ?>
                                </select>
                            </td>
                                <td>

                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Address:</th>
                                <td><input type="text" name="address" placeholder="Your address" maxlength="100" class="inp-form validate notnull"></td>
                                <td>

                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Phone:</th>
                                <td><input type="text" name="phone" placeholder="Your phone number" maxlength="15" class="inp-form validate notnull integer"></td>
                                <td>

                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Email:</th>
                                <td><input type="text" name="email" placeholder="Your email" maxlength="100" class="inp-form validate notnull email"></td>
                                <td>

                                </td>
                            </tr>

                            <tr>
                                <th>&nbsp;</th>
                                <td valign="top">
                                    <input type="submit" id="save" value="" class="form-submit">
                                    <input type="reset" value="" class="form-reset">
                                </td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </form>
                <script>zads.initValidate();</script>
                <!-- end id-form  -->

            </td>
            <td>

                <!--  start related-activities -->
                <div id="related-activities">

                    <!--  start related-act-top -->
                    <div id="related-act-top">
                        <img src="<?php echo $this->baseUrl . '/public/' . $this->module; ?>/images/forms/header_related_act.gif" width="271" height="43" alt="">
                    </div>
                    <!-- end related-act-top -->

                    <!--  start related-act-bottom -->
                    <div id="related-act-bottom">

                        <!--  start related-act-inner -->
                        <div id="related-act-inner">

                            <div class="left"><a href=""><img src="<?php echo $this->baseUrl . '/public/' . $this->module; ?>/images/forms/icon_plus.gif" width="21" height="21" alt=""></a></div>
                            <div class="right">
                                <h5>Add another product</h5>
                                Lorem ipsum dolor sit amet consectetur
                                adipisicing elitsed do eiusmod tempor.
                                <ul class="greyarrow">
                                    <li><a href="">Click here to visit</a></li> 
                                    <li><a href="">Click here to visit</a> </li>
                                </ul>
                            </div>

                            <div class="clear"></div>
                            <div class="lines-dotted-short"></div>

                            <div class="left"><a href=""><img src="<?php echo $this->baseUrl . '/public/' . $this->module; ?>/images/forms/icon_minus.gif" width="21" height="21" alt=""></a></div>
                            <div class="right">
                                <h5>Delete products</h5>
                                Lorem ipsum dolor sit amet consectetur
                                adipisicing elitsed do eiusmod tempor.
                                <ul class="greyarrow">
                                    <li><a href="">Click here to visit</a></li> 
                                    <li><a href="">Click here to visit</a> </li>
                                </ul>
                            </div>

                            <div class="clear"></div>
                            <div class="lines-dotted-short"></div>

                            <div class="left"><a href=""><img src="<?php echo $this->baseUrl . '/public/' . $this->module; ?>/images/forms/icon_edit.gif" width="21" height="21" alt=""></a></div>
                            <div class="right">
                                <h5>Edit categories</h5>
                                Lorem ipsum dolor sit amet consectetur
                                adipisicing elitsed do eiusmod tempor.
                                <ul class="greyarrow">
                                    <li><a href="">Click here to visit</a></li> 
                                    <li><a href="">Click here to visit</a> </li>
                                </ul>
                            </div>
                            <div class="clear"></div>

                        </div>
                        <!-- end related-act-inner -->
                        <div class="clear"></div>

                    </div>
                    <!-- end related-act-bottom -->

                </div>
                <!-- end related-activities -->

            </td>
        </tr>
        <tr>
            <td><img src="<?php echo $this->baseUrl . '/public/' . $this->module; ?>/images/shared/blank.gif" width="695" height="1" alt="blank"></td>
            <td></td>
        </tr>
    </tbody></table>

<div class="clear"></div>

<?php include APPLICATION_PATH . '/modules/default/layouts/scripts/content-outer-end.phtml'; ?>
